<template>
  <!--公司风险信息-->
  <div class="riskInfo">
    <!--四宫格基本信息-->
    <div class="mainBox">
      <v-layout>
        <!--工商检查-->
        <v-flex class="vflex right" xs6>
          <v-card class="mainItem vcard">
            <div class="mainItemTitle">
              <p>{{ $t("assessment.IndustrialAndCommercialInspection") }}</p>
              <b
                @click="goList('gongshang')"
                :class="{ clickable: business }"
                >{{ $t("assessment.View") }}</b
              >
            </div>
            <div class="mainItemBody">
              <!--<p><span>{{$t('assessment.IndustrialAndCommercialChanges')}}：</span><b>{{mainData.changerecord_total}}次</b></p>-->
              <p>
                <span>{{ $t("assessment.AbnormalOperation") }}：</span>
                <b
                  >{{ mainData.abnormallist_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
              <p>
                <span>{{ $t("assessment.AdministrativePenalty") }}：</span>
                <b
                  >{{ mainData.adminpunish_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
              <p>
                <span>{{ $t("assessment.RandomInspection") }}：</span>
                <b
                  >进行{{ mainData.checkuplist_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
            </div>
          </v-card>
        </v-flex>
        <!--涉诉检查 -->
        <v-flex class="vflex" xs6>
          <v-card class="mainItem vcard">
            <div class="mainItemTitle">
              <p>{{ $t("assessment.LitigationInspection") }}</p>
              <b @click="goList('appeal')" :class="{ clickable: appeal }">{{
                $t("assessment.View")
              }}</b>
            </div>
            <div class="mainItemBody hasScroll">
              <p>
                <span>{{ $t("assessment.OpeningAnnouncement") }}：</span>
                <b
                  >{{ mainData.courtnotice_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
              <p>
                <span>{{ $t("assessment.CourtAnnouncement") }}：</span>
                <b>{{ mainData.notice_total }}{{ $t("assessment.Times") }}</b>
              </p>
              <p>
                <span>{{ $t("assessment.AdjudicativeDocument") }}：</span>
                <b
                  >{{ mainData.lawsuitlist_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
              <p>
                <span>{{ $t("assessment.JudicialAid") }}：</span>
                <b
                  >{{ mainData.judicialchange_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
              <p>
                <span>{{ $t("assessment.PersonUnderExecution") }}：</span>
                <b
                  >发生{{ mainData.executedperson_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
              <p>
                <span>{{ $t("assessment.IncredibilityInfo") }}：</span>
                <b
                  >发生{{ mainData.executionlist_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
            </div>
          </v-card>
        </v-flex>
      </v-layout>
      <v-layout>
        <!--税务检查-->
        <v-flex class="vflex right" xs6>
          <v-card class="mainItem vcard">
            <div class="mainItemTitle">
              <p>{{ $t("assessment.TaxInspection") }}</p>
              <b @click="goList('revenue')" :class="{ clickable: taxation }">{{
                $t("assessment.View")
              }}</b>
            </div>
            <div class="mainItemBody">
              <!--<p><span>税务稽查：</span><b>发生xx次</b></p>-->
              <p>
                <span>{{ $t("assessment.NumberOfTaxArrears") }}：</span>
                <b
                  >发生{{ mainData.overduetax_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
            </div>
          </v-card>
        </v-flex>
        <!--资产检查-->
        <v-flex class="vflex" xs6>
          <v-card class="mainItem vcard">
            <div class="mainItemTitle">
              <p>{{ $t("assessment.AssetInspection") }}</p>
              <b @click="goList('assets')" :class="{ clickable: lands }">{{
                $t("assessment.View")
              }}</b>
            </div>
            <div class="mainItemBody">
              <p>
                <span>{{ $t("assessment.ChattelMortgage") }}：</span>
                <b
                  >{{ mainData.mortgages_total }}{{ $t("assessment.Times") }}</b
                >
              </p>
              <p>
                <span>{{ $t("assessment.EquityPledge") }}：</span>
                <b
                  >{{ mainData.equityqualities_total
                  }}{{ $t("assessment.Times") }}</b
                >
              </p>
              <!-- <p>
                <span>{{$t('assessment.LandMortgage')}}：</span>
                <b>{{mainData.landinfo4_total}}{{$t('assessment.Times')}}</b>
              </p> -->
            </div>
          </v-card>
        </v-flex>
      </v-layout>
    </div>
    <!--工商检查-->
    <div id="gongshang">
      <!--经营异常-->
      <v-card id="operate" :class="['court', 'operate', { show: operateShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.AbnormalOperation") }}</p>
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="operate.items">
            <el-table-column
              prop="department"
              label="做出决定机关"
            ></el-table-column>
            <el-table-column
              prop="in_reason"
              label="经营异常原因"
              width="200"
            ></el-table-column>
            <el-table-column prop="out_date" label="移出日期">
              <template slot-scope="scope">{{
                scope.row.out_date !== "" ? scope.row.out_date : "-"
              }}</template>
            </el-table-column>
            <el-table-column
              prop="out_reason"
              label="移出经营异常原因"
              width="200"
            >
              <template slot-scope="scope">{{
                scope.row.out_reason !== "" ? scope.row.out_reason : "-"
              }}</template>
            </el-table-column>
            <el-table-column prop="in_date" label="列入日期"></el-table-column>
          </el-table>
          <el-pagination
            v-if="operate.items.length > 0"
            :total="operate.total"
            :ips="pageSkip"
            :sendCurrentPage="operateIndex"
            @currentPage="operateChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--行政处罚-->
      <v-card :class="['court', 'punish', { show: punishShow }]">
        <div class="courtTitle">
          <p class="infoTitle">行政处罚</p>
          <!--<div>{{rightText}}：{{mainData.adminpunish_total}}</div>-->
          <!-- <div class="selectBox">
            <el-dropdown class="eldropdown" placement="bottom" @command="punishCommand">
              <span class="el-dropdown-link">
                {{punishTotal}}
                <i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown" class="selectDown">
                <el-dropdown-item class="selectDownRow" command="0" :value="$t('assessment.All')">
                  <b>{{$t('assessment.All')}}</b>
                  ：{{mainData.adminpunish_total}}
                </el-dropdown-item>
                <el-dropdown-item class="selectDownRow" command="-2" value="近二年">
                  <b>近二年</b>
                  ：{{mainData.adminpunish_total_two}}
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div> -->
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="punish.items">
            <el-table-column
              prop="number"
              :label="$t('assessment.DecisionDocNo')"
            ></el-table-column>
            <el-table-column
              prop="illegal_type"
              :label="$t('assessment.TypeOfIllegalAct')"
            ></el-table-column>
            <el-table-column
              prop="content"
              :label="$t('assessment.AdministrativePenalty')"
              width="250"
            ></el-table-column>
            <el-table-column
              prop="department"
              :label="$t('assessment.DecisionMakingAuthority')"
            ></el-table-column>
            <el-table-column
              prop="date"
              :label="$t('assessment.PenaltyDate')"
            ></el-table-column>
          </el-table>
          <el-pagination
            v-if="punish.items.length > 0"
            :total="punish.total"
            :ips="pageSkip"
            :sendCurrentPage="punishIndex"
            @currentPage="punishChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--抽查检查-->
      <v-card :class="['court', 'inspect', { show: inspectShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.RandomInspection") }}</p>
          <div>{{ rightText }}：{{ mainData.checkuplist_total }}</div>
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="inspect.items">
            <!--<el-table-column prop="setNum" label="序号" width="70"></el-table-column>-->
            <el-table-column
              prop="department"
              :label="$t('assessment.InspectionAuthority')"
            ></el-table-column>
            <el-table-column prop="type" :label="$t('assessment.Type')">
              <template slot-scope="scope">{{
                scope.row.type !== "" ? scope.row.type : "-"
              }}</template>
            </el-table-column>
            <el-table-column
              prop="date"
              :label="$t('assessment.Date')"
            ></el-table-column>
            <el-table-column
              prop="result"
              :label="$t('assessment.Results')"
              width="250"
            ></el-table-column>
          </el-table>
          <el-pagination
            v-if="inspect.items.length > 0"
            :total="inspect.total"
            :ips="pageSkip"
            :sendCurrentPage="inspectIndex"
            @currentPage="inspectChange"
          >
          </el-pagination>
        </div>
      </v-card>
    </div>

    <!--涉诉检查-->
    <div id="appeal">
      <!--开庭公告 -->
      <v-card :class="['court', 'courtBox', { show: courtShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.OpeningAnnouncement") }}</p>
          <!--<div>{{rightText}}：{{mainData.courtnotice_total}}</div>-->
          <!-- <div class="selectBox">
            <el-dropdown class="eldropdown" placement="bottom" @command="courtCommand">
              <span class="el-dropdown-link">
                {{courtTotal}}
                <i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown" class="selectDown">
                <el-dropdown-item class="selectDownRow" command="0" :value="$t('assessment.All')">
                  <b>{{$t('assessment.All')}}</b>
                  ：{{mainData.courtnotice_total}}
                </el-dropdown-item>
                <el-dropdown-item class="selectDownRow" command="-1" value="近一年">
                  <b>近一年</b>
                  ：{{mainData.courtnotice_total_one}}
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div> -->
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="court.items">
            <!--<el-table-column prop="setNum" :label="$t('assessment.SN')" width="70"></el-table-column>-->
            <el-table-column
              prop="case_no"
              :label="$t('assessment.CaseNo')"
              width="200"
            ></el-table-column>
            <el-table-column
              prop="pure_role"
              :label="$t('assessment.Identity')"
              width="200"
            >
              <template slot-scope="scope">{{
                scope.row.pure_role !== "" ? scope.row.pure_role : "-"
              }}</template>
            </el-table-column>
            <el-table-column
              prop="related_companies"
              :label="$t('assessment.Parties')"
              width="300"
            >
              <template slot-scope="scope">
                <div
                  v-if="
                    scope.row.related_companies &&
                      scope.row.related_companies !== ''
                  "
                >
                  <!-- 原告/被告 -->
                  <p
                    v-if="
                      JSON.parse(scope.row.related_companies).filter(
                        (ite) => ite.role === '原告'
                      ).length > 0
                    "
                  >
                    原告：
                    <span
                      v-for="(item, index) in JSON.parse(
                        scope.row.related_companies
                      )"
                      :key="index"
                    >
                      <span v-if="item.role === '原告'" class="companies">{{
                        item.name
                      }}</span> </span
                    ><br />
                    被告：
                    <span
                      v-for="item in JSON.parse(scope.row.related_companies)"
                      :key="item.name"
                    >
                      <span v-if="item.role === '被告'" class="companies">{{
                        item.name
                      }}</span>
                    </span>
                  </p>
                  <!-- 上诉人/被上诉人 -->
                  <p
                    v-if="
                      JSON.parse(scope.row.related_companies).filter(
                        (ite) => ite.role === '上诉人'
                      ).length > 0
                    "
                  >
                    上诉人：
                    <span
                      v-for="(item, index) in JSON.parse(
                        scope.row.related_companies
                      )"
                      :key="index"
                    >
                      <span v-if="item.role === '上诉人'" class="companies">{{
                        item.name
                      }}</span> </span
                    ><br />
                    被上诉人：
                    <span
                      v-for="item in JSON.parse(scope.row.related_companies)"
                      :key="item.name"
                    >
                      <span v-if="item.role === '被上诉人'" class="companies">{{
                        item.name
                      }}</span>
                    </span>
                  </p>
                </div>
                <div v-else>-</div>
              </template>
            </el-table-column>
            <el-table-column
              prop="hearing_date"
              :label="$t('assessment.CourtDate')"
              width="170"
            >
              <template slot-scope="scope">{{
                scope.row.hearing_date && scope.row.hearing_date.split("T")[0]
              }}</template>
            </el-table-column>
            <el-table-column
              prop="cause_action"
              :label="$t('assessment.CaseCause')"
            ></el-table-column>
          </el-table>
          <el-pagination
            v-if="court.items.length > 0"
            :total="court.total"
            :ips="pageSkip"
            :sendCurrentPage="courtPageIndex"
            @currentPage="courtPageChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--法院公告-->
      <v-card :class="['court', 'notice', { show: noticeShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.CourtAnnouncement") }}</p>
          <!--<div>{{rightText}}：{{mainData.notice_total}}</div>-->
          <!-- <div class="selectBox">
            <el-dropdown class="eldropdown" placement="bottom" @command="noticeCommand">
              <span class="el-dropdown-link">
                {{noticeTotal}}
                <i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown" class="selectDown">
                <el-dropdown-item class="selectDownRow" command="0" :value="$t('assessment.All')">
                  <b>{{$t('assessment.All')}}</b>
                  ：{{mainData.notice_total}}
                </el-dropdown-item>
                <el-dropdown-item class="selectDownRow" command="-1" value="近一年">
                  <b>近一年</b>
                  ：{{mainData.notice_total_one}}
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div> -->
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="notice.items">
            <!--<el-table-column prop="setNum" :label="$t('assessment.SN')" width="70"></el-table-column>-->
            <el-table-column
              prop="type"
              :label="$t('assessment.AnnouncementType')"
            ></el-table-column>
            <!--<el-table-column prop="identity" label="身份" width="110"></el-table-column>-->
            <el-table-column prop="people" :label="$t('assessment.Parties')">
            </el-table-column>
            <el-table-column
              prop="date"
              :label="$t('assessment.ReleaseTime')"
              width="135"
            ></el-table-column>
            <el-table-column
              prop="content"
              :label="$t('assessment.AnnouncementContent')"
              width="544"
            ></el-table-column>
          </el-table>
          <el-pagination
            v-if="notice.items.length > 0"
            :total="notice.total"
            :ips="pageSkip"
            :sendCurrentPage="noticePageIndex"
            @currentPage="noticePageChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--裁判文书 -->
      <v-card :class="['court', 'referee', { show: refereeShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.AdjudicativeDocument") }}</p>
          <!--<div>{{rightText}}：{{mainData.lawsuitlist_total}}</div>-->
          <!-- <div class="selectBox">
            <el-dropdown class="eldropdown" placement="bottom" @command="refereeCommand">
              <span class="el-dropdown-link">
                {{refereeTotal}}
                <i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown" class="selectDown">
                <el-dropdown-item class="selectDownRow" command="0" :value="$t('assessment.All')">
                  <b>{{$t('assessment.All')}}</b>
                  ：{{mainData.lawsuitlist_total}}
                </el-dropdown-item>
                <el-dropdown-item class="selectDownRow" command="-2" value="近一年">
                  <b>近二年</b>
                  ：{{mainData.lawsuitlist_total_two}}
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div> -->
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="referee.items">
            <!--<el-table-column prop="setNum" :label="$t('assessment.SN')" width="70"></el-table-column>-->
            <!--<el-table-column prop="identity" label="身份"></el-table-column>
            <el-table-column prop="freeze" label="冻结信息"></el-table-column>-->
            <el-table-column
              prop="case_cause"
              :label="$t('assessment.CaseCause')"
            ></el-table-column>
            <!--<el-table-column prop="type" label="类型"></el-table-column>-->
            <el-table-column
              prop="date"
              :label="$t('assessment.JudgmentTime')"
            ></el-table-column>
            <el-table-column
              prop="title"
              :label="$t('assessment.Title')"
              width="400"
            ></el-table-column>
            <el-table-column
              prop="judgeresult"
              :label="$t('assessment.JudgmentResult')"
              width="400"
            ></el-table-column>
          </el-table>
          <el-pagination
            v-if="referee.items.length > 0"
            :total="referee.total"
            :ips="pageSkip"
            :sendCurrentPage="refereePageIndex"
            @currentPage="refereePageChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--股权冻结-->
      <v-card :class="['court', 'assist', { show: assistShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.JudicialAid") }}</p>
          <div>{{ rightText }}：{{ mainData.judicialchange_total }}</div>
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="assist.items">
            <!--<el-table-column prop="setNum" :label="$t('assessment.SN')" width="70"></el-table-column>-->
            <el-table-column
              prop="be_executed_person"
              :label="$t('assessment.PersonUnderExecution')"
              width="200"
            ></el-table-column>
            <el-table-column
              prop="amount"
              :label="$t('assessment.EquityAmount')"
            ></el-table-column>
            <el-table-column
              prop="executive_court"
              :label="$t('assessment.ExecutiveCourt')"
              width="200"
            >
              <template slot-scope="scope">{{
                scope.row.executive_court !== ""
                  ? scope.row.executive_court
                  : "-"
              }}</template>
            </el-table-column>
            <el-table-column
              prop="number"
              :label="$t('assessment.ExecutionNoticeNo')"
              width="150"
            >
            </el-table-column>
            <el-table-column
              prop="type"
              :label="$t('assessment.Type')"
            ></el-table-column>
            <el-table-column
              prop="status"
              :label="$t('assessment.Status')"
            ></el-table-column>
          </el-table>
          <el-pagination
            v-if="assist.items.length > 0"
            :total="assist.total"
            :ips="pageSkip"
            :sendCurrentPage="assistPageIndex"
            @currentPage="assisPageChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--被执行人-->
      <v-card
        class="court enforced assist"
        :class="['court', 'enforced', 'assist', { show: enforcedShow }]"
      >
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.PersonUnderExecution") }}</p>
          <div>{{ rightText }}：{{ mainData.executedperson_total }}</div>
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="enforced.items">
            <!--<el-table-column prop="setNum" :label="$t('assessment.SN')" width="70"></el-table-column>-->
            <el-table-column
              prop="case_number"
              :label="$t('assessment.CaseNo')"
              width="200"
            ></el-table-column>
            <el-table-column
              prop="amount"
              :label="$t('assessment.ExecutionTarget')"
            ></el-table-column>
            <el-table-column
              prop="case_date"
              :label="$t('assessment.FilingTime')"
              width="200"
            ></el-table-column>
            <el-table-column
              prop="court"
              :label="$t('assessment.ExecutiveCourt')"
              width="150"
            ></el-table-column>
            <el-table-column
              prop="status"
              :label="$t('assessment.CaseStatusOnOfficialWebsite')"
            >
              <template slot-scope="scope">{{
                scope.row.status === "0" ? "执行中" : "已结案"
              }}</template>
            </el-table-column>
          </el-table>
          <el-pagination
            v-if="enforced.items.length > 0"
            :total="enforced.total"
            :ips="pageSkip"
            :sendCurrentPage="enforcedPageIndex"
            @currentPage="enforcedPageChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--失信人信息-->
      <v-card
        :class="['court', 'dishonest', 'assist', { show: dishonestShow }]"
      >
        <div class="courtTitle">
          <p class="infoTitle">
            {{ $t("assessment.IncredibilityPersonInfo") }}
          </p>
          <div>{{ rightText }}：{{ mainData.executionlist_total }}</div>
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="dishonest.items">
            <!--<el-table-column prop="setNum" :label="$t('assessment.SN')" width="70"></el-table-column>-->
            <el-table-column
              prop="case_number"
              :label="$t('assessment.CaseNo')"
              width="200"
            ></el-table-column>
            <el-table-column
              prop="doc_number"
              :label="$t('assessment.ExecutionDocumentNo')"
            ></el-table-column>
            <el-table-column
              prop="amount"
              :label="$t('assessment.ExecutionTarget')"
              width="200"
            ></el-table-column>
            <el-table-column
              prop="date"
              :label="$t('assessment.FilingTime')"
              width="150"
            ></el-table-column>
            <el-table-column
              prop="court"
              :label="$t('assessment.ExecutiveCourt')"
            ></el-table-column>
            <el-table-column
              prop="execution_status"
              :label="$t('assessment.PerformanceOfPersonUnderExecution')"
            ></el-table-column>
          </el-table>
          <el-pagination
            v-if="dishonest.items.length > 0"
            :total="dishonest.total"
            :ips="pageSkip"
            :sendCurrentPage="dishonestPageIndex"
            @currentPage="dishonestPageChange"
          >
          </el-pagination>
        </div>
      </v-card>
    </div>

    <!--涉诉检查-->
    <!--税务检查-->
    <v-card id="revenue" :class="['court', 'revenue', { show: revenueShow }]">
      <div class="courtTitle">
        <p class="infoTitle">{{ $t("assessment.TaxInspection") }}</p>
        <div>{{ rightText }}：{{ mainData.overduetax_total }}</div>
      </div>
      <!-- 列表 -->
      <div class="courtList">
        <el-table :data="revenue.items">
          <el-table-column
            prop="oper_name"
            :label="$t('assessment.NameOfPersonInCharge')"
          ></el-table-column>
          <el-table-column
            prop="oper_id_num"
            :label="$t('assessment.IDNumber')"
          >
            <template slot-scope="scope">{{
              scope.row.oper_id_num !== "" ? scope.row.oper_id_num : "-"
            }}</template>
          </el-table-column>
          <el-table-column
            prop="address"
            :label="$t('assessment.BusinessLocation')"
          >
            <template slot-scope="scope">{{
              scope.row.address !== "" ? scope.row.address : "-"
            }}</template>
          </el-table-column>
          <el-table-column
            prop="overdue_type"
            :label="$t('assessment.TaxArrearsType')"
          ></el-table-column>
          <el-table-column
            prop="overdue_amount"
            :label="$t('assessment.TaxArrearsBalance')"
          ></el-table-column>
          <el-table-column
            prop="area"
            :label="$t('assessment.CityCountyAndDistrict')"
          >
            <template slot-scope="scope">{{
              scope.row.area !== "" ? scope.row.area : "-"
            }}</template>
          </el-table-column>
          <el-table-column
            prop="overdue_period"
            :label="$t('assessment.TaxArrearsArea')"
          >
            <template slot-scope="scope">{{
              scope.row.overdue_period !== "" ? scope.row.overdue_period : "-"
            }}</template>
          </el-table-column>
          <el-table-column
            prop="pub_date"
            :label="$t('assessment.ReleaseDate')"
          >
            <template slot-scope="scope">{{
              scope.row.pub_date && scope.row.pub_date !== ""
                ? scope.row.pub_date
                : "-"
            }}</template>
          </el-table-column>
          <el-table-column
            prop="pub_department"
            :label="$t('assessment.PublishingUnit')"
          ></el-table-column>
        </el-table>
        <el-pagination
          v-if="revenue.items.length > 0"
          :total="revenue.total"
          :ips="pageSkip"
          :sendCurrentPage="revenueIndex"
          @currentPage="revenueChange"
          >
          </el-pagination>
        
      </div>
    </v-card>

    <!--资产检查 -->
    <div id="assets">
      <!--动产抵押-->
      <v-card :class="['court', 'property', { show: propertyShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.ChattelMortgage") }}</p>
          <div>{{ rightText }}：{{ mainData.mortgages_total }}</div>
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="property.items">
            <!--<el-table-column prop="setNum" label="序号" width="70"></el-table-column>-->
            <el-table-column
              prop="number"
              :label="$t('assessment.RegistrationNo2')"
            ></el-table-column>
            <el-table-column
              prop="department"
              :label="$t('assessment.RegistrationAuthority')"
              width="170"
            ></el-table-column>
            <el-table-column
              prop="guarantees"
              :label="$t('assessment.Collateral')"
              width="170"
            >
              <template slot-scope="scope">
                <p
                  v-for="(item, index) in JSON.parse(scope.row.guarantees)"
                  :key="index"
                >
                  {{ item.name }}
                </p>
              </template>
            </el-table-column>
            <el-table-column
              prop="type"
              :label="$t('assessment.TypeOfSecuredCreditorRights')"
            >
              <template slot-scope="scope">{{
                scope.row.type !== "" ? scope.row.type : "-"
              }}</template>
            </el-table-column>
            <el-table-column
              prop="amount"
              :label="$t('assessment.AmountOfSecuredCreditorRights')"
            ></el-table-column>
            <el-table-column
              prop="status"
              :label="$t('assessment.Status')"
            ></el-table-column>
            <el-table-column
              prop="date"
              :label="$t('assessment.RegistrationDate')"
            ></el-table-column>
          </el-table>
        <el-pagination
            v-if="property.items.length > 0"
            :total="property.total"
            :ips="pageSkip"
            :sendCurrentPage="propertyIndex"
            @currentPage="propertyChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--股权出质-->
      <v-card :class="['court', 'stockRight', { show: stockShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.EquityPledge") }}</p>
          <div>{{ rightText }}：{{ mainData.equityqualities_total }}</div>
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="stockRight.items">
            <!--<el-table-column prop="setNum" label="序号" width="70"></el-table-column>-->
            <el-table-column
              prop="object_company"
              :label="$t('assessment.TargetParty')"
              width="270"
            >
              <template slot-scope="scope">{{
                scope.row.object_company !== "" ? scope.row.object_company : "-"
              }}</template>
            </el-table-column>
            <el-table-column
              prop="pawnee"
              :label="$t('assessment.Pledgee')"
              width="270"
            ></el-table-column>
            <el-table-column
              prop="pledgor_amount"
              :label="$t('assessment.NumberOfPledgedEquity')"
            ></el-table-column>
            <el-table-column
              prop="date"
              :label="$t('assessment.RegistrationDateOfEquityPledge')"
            ></el-table-column>
            <el-table-column
              prop="status"
              :label="$t('assessment.Status')"
            ></el-table-column>
          </el-table>
        <el-pagination
            v-if="stockRight.items.length > 0"
            :total="stockRight.total"
            :ips="pageSkip"
            :sendCurrentPage="stockIndex"
            @currentPage="stockRightChange"
          >
          </el-pagination>
        </div>
      </v-card>
      <!--土地抵押-->
      <v-card :class="['court', 'land', { show: landShow }]">
        <div class="courtTitle">
          <p class="infoTitle">{{ $t("assessment.LandMortgage") }}</p>
          <div>{{ rightText }}：{{ mainData.landinfo4_total }}</div>
        </div>
        <!-- 列表 -->
        <div class="courtList">
          <el-table :data="land.items">
            <!--<el-table-column prop="setNum" label="序号" width="70"></el-table-column>-->
            <el-table-column
              prop="use_code"
              :label="$t('assessment.LandUseCertificateNo')"
            ></el-table-column>
            <el-table-column
              prop="location"
              :label="$t('assessment.LandLocation')"
            ></el-table-column>
            <el-table-column
              prop="diya_area"
              label="抵押面积"
            ></el-table-column>
            <el-table-column
              prop="rent_amount"
              :label="$t('assessment.MortgageAmount')"
            ></el-table-column>
            <el-table-column
              prop="related_before"
              :label="$t('assessment.LandMortgagor')"
              width="300"
            >
              <template slot-scope="{ row }">
                <p v-for="(item, index) in row.related_before" :key="index">
                  {{ item.name }}
                </p>
              </template>
            </el-table-column>
            <el-table-column
              prop="release_time"
              :label="$t('assessment.StartTimeOfMortgage')"
            ></el-table-column>
            <el-table-column
              prop="dueTime"
              :label="$t('assessment.EndTimeOfMortgage')"
            ></el-table-column>
          </el-table>
        <el-pagination
            v-if="land.items.length > 0"
            :total="land.total"
            :ips="pageSkip"
            :sendCurrentPage="landIndex"
            @currentPage="landChange"
          >
          </el-pagination>
        </div>
      </v-card>
    </div>
  </div>
</template>

<script>
// import vPagination from "../components/common/vPagination";
export default {
  components: {
    // vPagination,
  },
  data() {
    return {
      companyName: this.$cookie.get("companyName") || "", //公司名称
      nothing: "暂无信息",
      mainData: {
        changerecord_total: "--",
        abnormallist_total: "--",
        adminpunish_total: "--",
        checkuplist_total: "--",
        courtnotice_total: "--",
        notice_total: "--",
        lawsuitlist_total: "--",
        judicialchange_total: "--",
        executedperson_total: "--",
        executionlist_total: "--",
        overduetax_total: "--",
        mortgages_total: "--",
        equityqualities_total: "--",
        landinfo4_total: "--",
      },
      rightText: this.$t("assessment.All"),
      business: false, //工商检查 查看 按钮默认值
      appeal: false, //涉诉检查 查看 按钮默认值
      taxation: false, //税务检查 查看 按钮默认值
      lands: false, //资产检查 查看 按钮默认值
      //开庭列表数据
      pageSkip: 5, //一页的条数
      //经营异常
      operateIndex: 0,
      operateTotal: null,
      operateTotalType: 0,
      operateShow: false,
      operate: {
        total_year: "--",
        total: 5,
        all: [],
        items: [],
      },
      inspectShow: false,
      //行政处罚
      punishIndex: 0,
      punishTotal: null,
      punishTotalType: 0,
      punishShow: false,
      punish: {
        total: 5,
        all: [],
        items: [],
      },
      inspectIndex: 0,
      inspect: {
        total: 5,
        all: [],
        items: [],
      },
      //开庭公告
      courtPageIndex: 0,
      courtTotal: null,
      courtTotalType: 0,
      courtShow: false,
      court: {
        total: 5,
        all: [],
        items: [],
      },
      //法院公告
      noticePageIndex: 0,
      noticeTotal: null,
      noticeTotalType: 0,
      noticeShow: false,
      notice: {
        total: 5,
        all: [],
        items: [],
      },
      //裁判文书
      refereePageIndex: 0,
      refereeTotal: null,
      refereeTotalType: 0,
      refereeShow: false,
      referee: {
        total: 5,
        all: [],
        items: [],
      },
      assistShow: false,
      assistPageIndex: 0,
      assist: {
        total: 5,
        all: [],
        items: [],
      },
      enforcedPageIndex: 0,
      enforcedShow: false,
      enforced: {
        total: 5,
        all: [],
        items: [],
      },
      dishonestPageIndex: 0,
      dishonestShow: false,
      dishonest: {
        total: 5,
        all: [],
        items: [],
      },
      revenueIndex: 0,
      revenueShow: false,
      revenue: {
        total: 5,
        all: [],
        items: [],
      },
      propertyIndex: 0,
      propertyShow: false,
      property: {
        total: 5,
        all: [],
        items: [],
      },
      stockIndex: 0,
      stockShow: false,
      //股权出资
      stockRight: {
        total: 5,
        all: [],
        items: [],
      },
      landIndex: 0,
      landShow: false,
      land: {
        total: 5,
        all: [],
        items: [],
      },
      eid: "",
    };
  },
  mounted() {
    this.eid = localStorage.getItem("eid");
    this.getInfo1(1);
    this.getInfo2(1);
    this.getInfo3(1);
    this.getInfo4(1);
    this.getInfo5(1);
    this.getInfo6(1);
    this.getInfo7(1);
    this.getInfo8(1);
    this.getInfo9(1);
    this.getInfo10(1);
    this.getInfo11(1);
    this.getInfo12(1);
  },
  methods: {
    //滚动到指定位置
    goList(id) {
      var scroll = document.getElementById(id).offsetTop + 100;
      window.scrollTo(0, scroll);
    },
    getBasicInfo(tid, ipi, callback) {
      this.$post(this.$Url.basicInfo.selectByName, {
        eid: this.eid,
        tid: tid,
        ipi: ipi,
        ips: this.pageSkip,
      })
        .then((data) => {
          if (data.status == 200 && data.data) {
            callback && callback(data.data);
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },
    // 工商检查-经营异常
    getInfo1(ipi) {
      this.getBasicInfo("a18761dc5da152a70374c811bc0e1b57", ipi, (data) => {
        this.mainData.abnormallist_total = data && data.page.totalRow;
        if (parseInt(this.mainData.abnormallist_total) > 0) {
          this.operateShow = true; //经营
          this.business = true;
          this.operate.items = data && data.result;
          this.operate.total = data && data.page.totalRow;
        }
      });
    },
    // 工商检查-行政处罚
    getInfo2(ipi) {
      this.getBasicInfo("118d5ea79b7ada3032024ea2d1d1da96", ipi, (data) => {
        this.mainData.adminpunish_total = data && data.page.totalRow;
        if (parseInt(this.mainData.adminpunish_total) > 0) {
          this.punishShow = true; //行政
          this.business = true;
          this.punish.items = data && data.result;
          this.punish.total = data && data.page.totalRow;
        }
      });
    },
    // 工商检查-抽查检查
    getInfo3(ipi) {
      this.getBasicInfo("b9dc4c3fc9f618c7ceffbe0f46e6eccf", ipi, (data) => {
        this.mainData.checkuplist_total = data && data.page.totalRow;
        if (parseInt(this.mainData.checkuplist_total) > 0) {
          this.inspectShow = true; //抽查
          this.business = true;
          this.inspect.items = data && data.result;
          this.inspect.total = data && data.page.totalRow;
        }
      });
    },
    // 涉诉检查-开庭公告
    getInfo4(ipi) {
      this.getBasicInfo("4f226409d44e5a900c77321ae426c715", ipi, (data) => {
        this.mainData.courtnotice_total = data && data.page.totalRow;
        if (parseInt(this.mainData.courtnotice_total) > 0) {
          this.courtShow = true; //开庭
          this.appeal = true;
          this.court.items = data && data.result;
          this.court.total = data && data.page.totalRow;
        }
      });
    },
    // 涉诉检查-法院公告
    getInfo5(ipi) {
      this.getBasicInfo("96e8190c25511c923e3dd542c29da00d", ipi, (data) => {
        this.mainData.notice_total = data && data.page.totalRow;
        if (parseInt(this.mainData.notice_total) > 0) {
          this.noticeShow = true;
          this.appeal = true;
          this.notice.items = data && data.result;
          this.notice.total = data && data.page.totalRow;
        }
      });
    },
    // 涉诉检查-裁判文书
    getInfo6(ipi) {
      this.getBasicInfo("12c9d28c180a469d34b796556a1f2546", ipi, (data) => {
        this.mainData.lawsuitlist_total = data && data.page.totalRow;
        if (parseInt(this.mainData.lawsuitlist_total) > 0) {
          this.refereeShow = true;
          this.appeal = true;
          this.referee.items = data && data.result;
          this.referee.total = data && data.page.totalRow;
        }
      });
    },
    // 涉诉检查-股权冻结
    getInfo7(ipi) {
      this.getBasicInfo("4f97b0e6adb6ab8320f9c4eb1b14e9ed", ipi, (data) => {
        this.mainData.judicialchange_total = data && data.page.totalRow;
        if (parseInt(this.mainData.judicialchange_total) > 0) {
          this.assistShow = true;
          this.appeal = true;
          this.assist.items = data && data.result;
          this.assist.total = data && data.page.totalRow;
        }
      });
    },
    // 涉诉检查-被执行人
    getInfo8(ipi) {
      this.getBasicInfo("bbe876f51cd371c23955328625df3dc1", ipi, (data) => {
        this.mainData.executedperson_total = data && data.page.totalRow;
        if (parseInt(this.mainData.executedperson_total) > 0) {
          this.enforcedShow = true;
          this.appeal = true;
          this.enforced.items = data && data.result;
          this.enforced.total = data && data.page.totalRow;
        }
      });
    },
    // 涉诉检查-失信
    getInfo9(ipi) {
      this.getBasicInfo("4126757e9a1bd1210787317f3e180158", ipi, (data) => {
        this.mainData.executionlist_total = data && data.page.totalRow;
        if (parseInt(this.mainData.executionlist_total) > 0) {
          this.dishonestShow = true;
          this.appeal = true;
          this.dishonest.items = data && data.result;
          this.dishonest.total = data && data.page.totalRow;
        }
      });
    },

    // 税务检查-欠税次数
    getInfo10(ipi) {
      this.getBasicInfo("1b346692efb839ca9df54cc06050dbc6", ipi, (data) => {
        this.mainData.overduetax_total = data && data.page.totalRow;
        if (parseInt(this.mainData.overduetax_total) > 0) {
          this.revenueShow = true;
          this.taxation = true;
          this.revenue.items = data && data.result;
          this.revenue.total = data && data.page.totalRow;
        }
      });
    },
    // 资产检查-动产抵押
    getInfo11(ipi) {
      this.getBasicInfo("8aa8d326322895050a4427dc995a7a85", ipi, (data) => {
        this.mainData.mortgages_total = data && data.page.totalRow;
        if (parseInt(this.mainData.mortgages_total) > 0) {
          this.propertyShow = true;
          this.lands = true;
          this.property.items = data && data.result;
          this.property.total = data && data.page.totalRow;
        }
      });
    },
    // 资产检查-股权出质
    getInfo12(ipi) {
      this.getBasicInfo("e8ff41139cfa9f8176fd17d186f3faa9", ipi, (data) => {
        this.mainData.equityqualities_total = data && data.page.totalRow;
        if (parseInt(this.mainData.equityqualities_total) > 0) {
          this.stockShow = true;
          this.lands = true;
          this.stockRight.items = data && data.result;
          this.stockRight.total = data && data.page.totalRow;
        }
      });
    },

    //****工商检查
    //经营异常
    operateChange(val) {
      this.operateIndex = parseInt(val);
      this.getInfo1(this.operateIndex);
    },
    //行政处罚
    punishChange(val) {
      this.punishIndex = parseInt(val);
      this.getInfo2(this.punishIndex);
    },
    //抽查检查
    inspectChange(val) {
      this.inspectIndex = parseInt(val);
      this.getInfo3(this.inspectIndex);
    },
    //****涉诉检查
    //开庭公告
    courtPageChange(val) {
      this.courtPageIndex = parseInt(val);
      this.getInfo4(this.courtPageIndex);
    },
    //法院公告
    noticePageChange(val) {
      this.noticePageIndex = parseInt(val);
      this.getInfo5(this.noticePageIndex);
    },
    //裁判文书
    refereePageChange(val) {
      this.refereePageIndex = parseInt(val);
      this.getInfo6(this.refereePageIndex);
    },
    //股权冻结
    assisPageChange(val) {
      this.assistPageIndex = parseInt(val);
      this.getInfo7(this.assistPageIndex);
    },
    //被执行人
    enforcedPageChange(val) {
      this.enforcedPageIndex = parseInt(val);
      this.getInfo8(this.enforcedPageIndex);
    },
    //失信人信息
    dishonestPageChange(val) {
      this.dishonestPageIndex = parseInt(val);
      this.getInfo9(this.dishonestPageIndex);
    },
    //****税务检查
    //欠税次数
    revenueChange(val) {
      this.revenueIndex = parseInt(val);
      this.getInfo10(this.revenueIndex);
    },
    //****资产检查
    //动产抵押
    propertyChange(val) {
      this.propertyIndex = parseInt(val);
      this.getInfo11(this.propertyIndex);
    },
    //股权出质
    stockRightChange(val) {
      this.stockIndex = parseInt(val);
      this.getInfo12(this.stockIndex);
    },
    //土地抵押
    landChange(val) {
      this.landIndex = parseInt(val);
    },
  },
};
</script>

<style lang="scss" scoped>
.vflex {
  margin-bottom: 15px;
}
.vflex.right {
  margin-right: 15px !important;
}
.vcard {
  width: 100%;
  height: 100%;
}
/*四宫格基本信息*/
p {
  margin-bottom: 0;
}
.mainBox {
  font-size: 12px;
}
.mainBox > div,
.court {
  border-radius: 5px;
}
.mainItem {
  padding: 30px 30px 10px;
}
.mainItemTitle {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
}
.mainItemBody {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 12px;
}
.mainItemBody > p {
  width: 33.333%;
  margin-bottom: 10px;
}
.mainItemTitle > p {
  padding-left: 35px;
  font-size: 14px;
  font-weight: bold;
  color: #22dabe;
  background: url("../img/rish01.png") no-repeat left center;
  background-size: 24px;
}
.mainItem:nth-of-type(2) > .mainItemTitle > p {
  color: $mainColor;
  background-image: url("../img/rish02.png");
}
.mainItem:nth-of-type(3) > .mainItemTitle > p {
  color: #7474f1;
  background-image: url("../img/rish03.png");
}
.mainItem:nth-of-type(4) > .mainItemTitle > p {
  color: #65c7f5;
  background-image: url("../img/rish04.png");
}
.mainItemTitle > b {
  pointer-events: none;
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #999;
  border-radius: 5px;
  text-align: center;
}
.mainItemTitle > b.clickable {
  pointer-events: auto;
  background-color: $mainColor;
  cursor: pointer;
}
.mainItemBody > p > span {
  color: $mainColor;
}
.mainItemBody > p > b {
  color: #7674a3;
  font-weight: normal;
}
/*开庭公告*/
.court {
  margin-bottom: 10px;
  padding: 30px 0 10px;
  display: none;
}
.court.show {
  display: block;
}
.courtTitle {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 25px;
}
.infoTitle {
  line-height: 35px;
  padding-left: 25px;
  font-size: 12px;
  color: $mainColor;
  font-weight: bold;
  border-left: 5px solid $mainColor;
}
.courtTitle > div {
  width: 115px;
  height: 35px;
  line-height: 35px;
  background-color: $mainColor;
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-align: center;
  font-weight: bold;
}
.courtList {
  width: 100%;
  padding: 0 50px;
  text-align: center;
}
/*法院公告*/
/*裁判文书*/
/*.referee{margin-bottom:75px;}*/
/*结果*/
.lastResultTitle {
  padding-left: 20px;
  margin: 25px 0;
  font-size: 14px;
  color: $mainColor;
  font-weight: bold;
  border-left: 5px solid $mainColor;
}
.lastResultTitle > span {
  color: #7674a3;
}
.lastResult > .body {
  padding: 20px 50px;
  border-top: 1px solid #8a88df;
  color: #7674a3;
}
/*分页样式*/
/*列表右上角下拉框*/
.courtTitle > div.selectBox,
.selectBox .el-dropdown {
  font-size: 14px;
  color: #fff;
}
.companies {
  margin-right: 10px;
}
</style>
